<!--
 * @Author: wjc
 * @Date: 2025-09-15 15:49:51
 * @LastEditors: wjc
 * @LastEditTime: 2025-09-25 10:00:44
 * @Description: 
-->
<template>
  <ContentContainer
    content-compact="wide"
    :content-compact-width="1200"
    class="transition-[margin-top] duration-200"
  >
    <div class="relative h-full">
      <IFrameRouterView />
      <RouterView v-slot="{ Component }">
        <KeepAlive v-if="keepAlive" :exclude="[]" :include="[]">
          <component :is="Component" />
        </KeepAlive>
        <component v-else :is="Component" />
      </RouterView>
    </div>
  </ContentContainer>
</template>

<script setup lang="ts">
  import ContentContainer from '#/layouts/components/content-container/index.vue'
  import IFrameRouterView from '#/layouts/iframe/iframe-router-view.vue'

  defineOptions({ name: 'BasicLayoutContent' })

  const keepAlive = ref(true)
</script>

<style lang="scss" scoped></style>
